<template>
  <div class="lunbotu">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item>
          <a href="#">
              <img class="lbta" src="https://kaola-haitao.oss.kaolacdn.com/96acb9fc-d56b-4c2d-9932-afae5c2c9caeT2009150951_960_575.jpg?x-oss-process=image/resize,w_750,h_0/quality,q_95/format,webp" alt="">
          </a>
      </van-swipe-item>
       <van-swipe-item>
          <a href="#">
              <img class="lbta" src="https://kaola-haitao.oss.kaolacdn.com/c4494120-58d9-455d-84d2-f2cf8022c870T2009141412_960_575.jpg?x-oss-process=image/resize,w_750,h_0/quality,q_95/format,webp" alt="">
          </a>
      </van-swipe-item>
       <van-swipe-item>
          <a href="#">
              <img class="lbta" src="https://kaola-haitao.oss.kaolacdn.com/0fd37289-f7ac-42fc-b913-56edf7cc24d6T2009151605_960_575.jpg?x-oss-process=image/resize,w_750,h_0/quality,q_95/format,webp" alt="">
          </a>
      </van-swipe-item>
       <van-swipe-item>
          <a href="#">
              <img class="lbta" src="https://kaola-haitao.oss.kaolacdn.com/96acb9fc-d56b-4c2d-9932-afae5c2c9caeT2009150951_960_575.jpg?x-oss-process=image/resize,w_750,h_0/quality,q_95/format,webp" alt="">
          </a>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
};
</script>

import { Swipe, SwipeItem } from 'vant';
Vue.use(Swipe);
Vue.use(SwipeItem);

<style  lang="scss"scoped>
.lunbotu {
  width: 100%;
  height: 250px;
}
.lbta{
    width: 100%;
    height: 100%;
}
</style>
